<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <link rel="stylesheet"  href="css/center.css"/>
</head>
<body>
<div th:include="header::header"></div>
<div class="main">
  <div class="warpk">
    <div class="zx-lf fl">
      <div class="toux"> <img src="images/t8.jpg" /><br />
        会员等级：普通会员 </div>
      <div class="nr_left_nav"> <span class="nr_left_nav_san"> </span>
        <div class="left_nav_one">
          <div class="left_nav_title on"><i></i>资金管理<b></b></div>
          <dl style="display:block;">
            <dd th:attr="class=${pagename =='deposit'?'left_nav_ck on':'left_nav_ck'}" ><a href="deposit"><span></span>存款</a></dd>
            <dd th:attr="class=${pagename =='withdrawal'?'left_nav_tk on':'left_nav_tk'}" ><a href="withdrawal"><span></span>提款</a></dd>
            <dd th:attr="class=${pagename =='transfer'?'left_nav_zz on':'left_nav_zz'}" ><a href="transfer"><span></span>转账</a></dd>
            <dd th:attr="class=${pagename =='records'?'left_nav_jy on':'left_nav_jy'}"><a href="records"><span></span>交易记录</a></dd>
            <dd th:attr="class=${pagename =='banklist'?'left_nav_yhk on':'left_nav_yhk'}" ><a href="banklist"><span></span>银行卡</a></dd>
          </dl>
        </div>
        <div class="left_nav_two">
          <div class="left_nav_title on"><i></i>个人中心<b></b></div>
          <dl style="display:block;">
            <dd th:attr="class=${pagename =='accountsetting'?'left_nav_ck on':'left_nav_ck'}" ><span></span><a href="accountsetting">账号设置</a></dd>
            <dd th:attr="class=${pagename =='systemMessageReceive'?'left_nav_tk on':'left_nav_tk'}" ><span></span><a href="systemMessageReceive"> 消息中心</a></dd>
          </dl>
        </div>
      </div>
      <script>
          $(function () {
              function addClasson(id) {

                  $(id).find('.left_nav_title').click(function () {
                      var $left_nav_one = $(id);
                      $(this).toggleClass("on");
                      if (!$(this).hasClass("on")) {
                          $left_nav_one.find('dl').slideUp()
                      } else {
                          $left_nav_one.find('dl').slideDown()
                      }
                  })
              }
              addClasson('.left_nav_one');
              addClasson('.left_nav_two');
              $(".nr_left_nav").find("dl").find(".on").parent().prev().toggleClass("on");
              $(".nr_left_nav").find("dl").find(".on").parent().show();

              /**
               * 刷新操作   占时写的定时器
               * 自己改为ajax 加载
               * @param {Object} text
               */
              $("#refreshMainBt").click(function(){
                  $("#MainBalance_b").html('<img style="height:20px;margin-left:40px;" src="images/load.gif" />');

                  $.ajax({
                      method: "POST",
                      url: "/refreshUserInfo",
                      dataType: "json"
                  }).done(function (msg) {
                      if (msg.status == 'success') {
                          $("#MainBalance_b").html('<i>¥  </i><h>'+msg.data.userBalance+'</h>');
                          clearInterval(mtime);
                      } else {
                          $("#MainBalance_b").html('<i>¥  </i> <h>0.00</h>');
                          clearInterval(mtime);
                      }
                  });

                  t = 3;
                  var mtime = setInterval(function() {
                      t--;
                      if(t == 0) {
                          clearInterval(mtime);
                          $("#MainBalance_b").html('<i>¥</i> <h>0.00</h>');
                      }
                  }, 1000);
              });

          })
      </script>
      <a href="#"><div class="tuichu"><img src="images/ico25.png" />退出</div></a>
    </div>
    <div class="zx-rt-s fl">







      <div class="zxs-01">
        <div class="nr_nav_user m40l m30t">
          <div class="nr_nav_user_title"><span id="salutationtext">下午好，</span> <b><h th:text="${session.loginSession.userName}"/></b></div>
          <div class="nr_nav_user_time">上次登录时间：<h th:text="${session.loginSession.updateTime}"/></div>
          <div class="progress-box">
            <div class="progress">
              <div class="progress-bar" role="progressbar" data-transitiongoal-backup="0" data-transitiongoal="0" aria-valuenow="0" style="width: 0%;"></div>
            </div>
          </div>
          <div class="nr_nav_user_help"><span>账户安全等级
            <strong th:if="${session.loginSession.securityLevel ==1}">弱</strong>
            <strong th:if="${session.loginSession.securityLevel ==2}">中等</strong>
            <strong th:if="${session.loginSession.securityLevel ==3}">强</strong>

          </span><span><b th:attr="class=${session.loginSession.phoneStatus}?'pic_1 xuanz1':'pic_1'"><i>提示：为了享受更便捷的手机app服务，<br />请先<a href="accountsetting?t=1#phone"> 绑定手机！</a></i></b>
            <b th:attr="class=${session.loginSession.emailStatus}?'pic_2 xuanz2':'pic_2'"><i>提示：为了享受更便捷的找回密码服务，<br />请先<a href="accountsetting?t=2#mail"> 绑定邮箱！</a></i></b><b th:attr="class=${session.loginSession.emailStatus}?'pic_3 xuanz3':'pic_3'"><i>提示：为了享受更便捷的提款服务，<br />请先<a href="accountsetting"> 绑定真实姓名！</a></i></b><b  th:attr="class=${session.loginSession.emailStatus}?'pic_4 xuanz4':'pic_4'" > <i>提示：为了享受更便捷的提款服务，<br />请先<a href="banklist"> 绑定银行卡！</a></i></b></span></div>
        </div>

        <div class="nr_nav_money">
          <div class="nr_nav_money_title"><span>账户余额</span>(中心钱包)</div>


          <div class="nr_nav_money_num"> <b id="MainBalance_b" class="m15b" style="display:inline-block"><i>¥</i>
            <h th:text="${#numbers.formatDecimal(session.loginSession.userBalance, 1, 'COMMA', 2, 'POINT')}">0:00</h>

          </b>
            <br>
            <span id="refreshMainBt"></span><i class="tkl fs14">刷新</i></div>
        </div>
      </div>


      <div class="nr_history_right">
        <div class="tk_all_moeny" th:unless="${showGames}">
          <ul>
            <li> <span>锁定钱包</span>
              <p id="hold_balace">0.00</p>
            </li>
            <li> <span>体育</span>
              <p id="sportsbook_balace">0.00</p>
            </li>
            <li> <span>AG娱乐城</span>
              <p id="aggame_balace">0.00</p>
            </li>
            <li> <span>金碧娱乐城</span>
              <p id="grandsuite_balace">0.00</p>
            </li>
            <li> <span>LB快乐彩</span>
              <p id="keno_balace">0.00</p>
            </li>
            <li class="last"> <span>PT老虎机</span>
              <p id="ptslot_balace">0.00</p>
            </li>
          </ul>
        </div>
        <div th:include="${pagename} :: ${pagename}"></div>
      </div>
    </div>
  </div>
</div>
</div>
</div>
</div>
<div th:include="footer::copy"></div>


<div id="service">
  <ul>
    <li id="tel">
      <a href="javascript:void(0)">
        <div class="hides" style="width:161px;display:none;" id="tels">
          <div class="hides" >
            <img src="images/ll05.png">
          </div>
          <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">0551-65371998</span>
          </div>
        </div>
        <img src="images/l05.png" width="47" height="49" class="shows" />
      </a>
    </li>
    <li>
      <a href="http://wpa.qq.com/msgrd?v=3&uin=800022936&site=qq&menu=yes" target="_blank">
        <div class="hides" style="width:161px;display:none;" id="qq">
          <div class="hides" id="p1">
            <img src="images/ll04.png">
          </div>
          <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">800022936</span>
          </div>
        </div>
        <img src="images/l04.png" width="47" height="49" class="shows" />
      </a>
    </li>

    <li>
      <a href="javascript:void(0)" class="weixin_area">
        <img src="images/l02.png" width="47" height="49" class="shows" />
        <img src="images/a.png" width="57" height="49" class="hides" />
        <img src="images/weixin.jpg" width="145" class="weixin" style="display:none;margin:-100px 57px 0 0" />
      </a>
    </li>
    <li id="btn">
      <a id="top_btn">
        <div class="hides" style="width:161px;display:none">
          <img src="images/ll06.png" width="161" height="49" />
        </div>
        <img src="images/l06.png" width="47" height="49" class="shows" />
      </a>
    </li>
  </ul>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#service a").hover(function() {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").show();
            } else {
                $(this).children("div.hides").show();
                $(this).children("img.shows").hide();
                $(this).children("div.hides").animate({marginRight: '0px'}, '0');
            }
        }, function() {
            if ($(this).prop("className") == "weixin_area") {
                $(this).children("img.hides").hide();
            } else {
                $(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
                    $(this).hide();
                    $(this).next("img.shows").show();
                });
            }
        });

        $("#top_btn").click(function() {
            $("html,body").animate({scrollTop: 0}, 600);
        });

        //右侧导航 - 二维码
        $(".weixin_area").hover(function() {
            $(this).children(".weixin").show();
        },function(){
            $(this).children(".weixin").hide();
        })
    });
</script>
</body>
</html>
